import React, { Component } from "react";
import css from "./index.module.css";
import Header from "../../components/Header";
import RouterMenu from "../../router/RouterMenu";
import AutoRoute from "../../router/AutoRoute";
import { Watermark } from 'antd'

export default class Home extends Component {
  state = {}
  
  render() {
    return (
      <div className={css.container}>
        <div className={css.header}><Header /></div>
        <Watermark content={['REACT STUDY', 'BE OWN SUN']} inherit={false} font={{ fontStyle: 'oblique',color: 'rgba(0,0,0,.1)' }}>
          <div className={css.warpper}>
            <div className={css.menu}><RouterMenu /></div>
            <div className={css.mainBox}>
              <div className={css.main}><AutoRoute/></div>
            </div>
          </div>
        </Watermark>
      </div>
    )
  }
}


